<template>
  <div>
    <div class="body d-flex m-2">
      <category style="height: 345px" />
      <carousel style="width: 510px; height: 345px; margin: 0 10px" />
      <hot style="height: 345px" />
    </div>
    <div>
      <h4 class="text-center m-3">新书上市</h4>
      <new-book-list />
    </div>
  </div>
</template>

<script>
import category from "@/components/home/Category.vue";
import carousel from "@/components/home/Carousel.vue";
import hot from "@/components/home/Hot.vue";
import NewBookList from "@/components/home/NewBookList.vue";

export default {
  name: "Home",
  components: {
    category,
    carousel,
    hot,
    NewBookList,
  },
};
</script>
